﻿<!DOCTYPE html>

<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="周巍" />
    <title>帝梵芮珠宝非洲之心打印收据</title>
    <link href="/favicon.ico" rel="icon" />
    <link href="/content/print.min.css" rel="stylesheet" />
</head>
<body>
    <div class="content" id="print-receipt">
        <h1>帝梵芮珠宝零售统一收据</h1>
        <div style="display: table; width: 100%; margin: 0 0 .1cm;">
            <div style="display: table-cell; width: 70%;">
                <span class="label">收据编号<br /><small>RECEIPT CODE</small></span>
                <span class="value" id="number"></span>
            </div>
            <div style="display: table-cell; width: 30%;">
                <span class="label">开据日期<br /><small>DATE ISSUED</small></span>
                <span class="value" id="date"></span>
            </div>
        </div>
        <div style="border: 1px solid #000;">
            <div style="margin: .1cm 0;">
                <span class="label">付款单位（个人）<br /><small>PAYER</small></span>
                <span class="value" id="payer"></span>
            </div>
            <table id="details">
                <thead>
                    <tr>
                        <th style="width: 85%;">经营项目<br /><small>SERVICE ITEM</small></th>
                        <th style="width: 5%;">数量<br /><small>QUANTITY</small></th>
                        <th style="width: 10%;">金额<br /><small>AMOUNT</small></th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
            <div style="display: table; width: 100%; margin: .1cm 0;">
                <div style="display: table-cell; width: 90%; border-left: 1px solid #000;">
                    <span class="label">合计金额（大写）<br /><small>TOTAL IN CAPITAL</small></span>
                    <span class="value" id="capital"></span>
                </div>
                <div style="display: table-cell; width: 10%; vertical-align: middle;">
                    <span class="label">￥</span>
                    <span class="value" id="lowercase"></span>
                </div>
            </div>
        </div>
        <div style="display: table; width: 100%; margin: .1cm 0 0;">
            <div style="display: table-cell; width: 50%;">
                <span class="label">收款单位（盖章有效）<br /><small>PAYEE (SEAL)</small></span>
            </div>
            <div style="display: table-cell; width: 25%;">
                <span class="label">收款人<br /><small>ISSUED BY</small></span>
                <span class="value" id="payee"></span>
            </div>
            <div style="display: table-cell; width: 25%;">
                <span class="label">开票人<br /><small>DRAWER</small></span>
                <span class="value" id="worker"></span>
            </div>
        </div>
    </div>
    <script src="/scripts/jquery-1.11.2.min.js"></script>
    <script src="/scripts/odatajs-4.0.0-beta-01.min.js"></script>
    <script src="/scripts/common.min.js"></script>
    <script src="/scripts/print.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $print["print-receipt"].init();
        });
    </script>
</body>
</html>